<template>
    <div class='aboutUs'>
        <navbarW :navbarIndex='3'></navbarW>
        <div class='carousel'>
            <div class='carBg'>
            </div>
        </div>    
        <div class='main'>
            <div class="item">
                <div class='container'>
                    <h3>
                        我们是谁
                        <i class='line'></i>
                    </h3>
                    <p>视纪影视APP是国锐影视旗下的一款影视版权相关的咨询、交易平台
                        实时更新影片最新动态，信息资料公开透明
                        致力于为用户带来最好的使用体验</p>
                </div>
            </div>
            <div class="item second">
                <div class='container'>
                    <h3>
                        影视版权是什么
                        <i class='line'></i>
                    </h3>
                    <p>投资一部影视作品成为这部作品的股东，这就是影视版权
                    根据影视作品类型不同，最低起投价位不同</p>
                    <p>最低一千元就能投资一部作品成为这部作品的股东（其他类型影视作品同理）
                        当作品上线后，以各线总收益为基础分得投资收益</p>
                </div>
            </div>
            <div class="item">
                <div class='container'>
                    <h3>
                        我们想创造什么
                        <i class='line'></i>
                    </h3>
                    <div class='sml'>
                        <b>创视纪计划</b>   

                        <p>创造全新的投资模式，公开透明的投资内容，以最低的门槛，最小的风险</p> 
                        <p>为客户创造最高的回报是创视纪计划的核心目标</p> 
                        <p>所有影视资源经过层层筛选</p> 
                        <p>经多方审核后最终才会被国锐影视确认立项上线视纪影视APP</p> 
                    </div>

                    <div class='sml'>
                        <b>诚信平台</b>   
                        <p>我们将始终秉承“诚信为本”的信念</p>
                        <p>以此为基础 与客户展开交易合作</p> 
                        <p>打造一个真正的诚信平台</p> 
                        <p>让用户不仅对项目放心，同样也对平台放心</p> 
                        <p>形成一个互利共赢的局面</p> 
                    </div>

                    <div class='sml'>
                        
                        <b class='not'>我们始终保持自己的初心，</b> 
                        <b class='not'>我们始终坚持自己的信念，</b> 
                        <b class='not'>视纪影视诚邀您，</b> 
                        <b class='not'>携手视纪，共创传奇！</b> 


                    </div>
                </div>
                
            </div>
        </div>



        <fillInformation></fillInformation>
        <footerBottom></footerBottom>
    </div>
</template>


<script>
import navbarW from './components/navbarW';
import fillInformation from './components/fillInformation';
import footerBottom from './components/footer';
export default {
    name:'aboutUs',
    data(){
        return {

        }
    },
    components:{
        navbarW,
        fillInformation,
        footerBottom
    }
}
</script>


<style lang="less" scoped>
.aboutUs{
    .carousel{
        padding-top: 2rem;
        width: 100%;
        height: 550px;
        background: url('../../assets/image/aboutUs.png') center center no-repeat;
        background-size: cover;
        .carBg{
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,.7);
        }
    }
    .main{
        .item{
            width: 100%;
            background: #f4f4f4;
            padding: 4rem 0;
            text-align: center;
            .container{
                width: 990px;
                min-width: 990px;
                margin: 0 auto;
            }
            h3{
                font-weight: 400;
                font-size: 30px;
                color: rgba(16, 16, 16, 1);
                margin: 0 0 3rem 0;
                position: relative;
                .line{
                    position: absolute;
                    bottom: -1rem;
                    left: 46%;
                    display: inline-block;
                    width: 5rem;
                    height: 3px;
                    background: #ff1268;
                }
            }
            p{
                font-size: 18px;
                color: rgba(100, 99, 99, 1);
                margin: 0;
                line-height: 1.9rem;
            }
        }
        .second{
            background: #fff;
        }
        .sml{
            b{
                font-size: 26px;
                color: #000;
                display: inline-block;
                margin: 3rem 0;
            }
            .not:first-child{
                margin-top: 6rem;
            }
            .not{
                margin: 1rem 0;
                display: block;
            }
        }
    }
}
</style>
